.cookies-section {
      display: flex;
      flex-direction: column;

      .cookies-section__switch-button {
         position: relative;
         display: inline-block;
         width: 80px;
         height: 34px;
         color: whitesmoke;
      }

      .cookies-section__switch-button:focus-within .cookies-section__slider {
         box-shadow: 0 0 5px var(--pp-blue);
      }

      .cookies-section__input {
         opacity: 0;
         width: 0;
         height: 0;
      }

      .cookies-section__slider-text {
         font-size: var(--step-0);
      }
        
      .cookies-section__input+.cookies-section__slider {
         background-color: #ccc;
      }
        
      .cookies-section__input+.cookies-section__slider-text {
         transform: translateX(46px);
      }

      .cookies-section__slider {
         position: absolute;
         inset: 0;
         padding: 0 var(--space-3xs);
         display: flex;
         align-items: center;
         justify-content: flex-end;
         background-color: #ccc;
         border-radius: 34px;
         transition: transform .4s;
         cursor: pointer;
      }
        
      .cookies-section__slider::before {
         position: absolute;
         content: "";
         height: 26px;
         width: 26px;
         left: 4px;
         bottom: 4px;
         background-color: #fff;
         border-radius: 50%;
         transition: transform .4s;
      }

      .cookies-section__input:checked+.cookies-section__slider {
         background-color: #2196F3;
      }

      .cookies-section__input:checked+.cookies-section__slider:before {
         transform: translateX(46px);
      }

      .cookies-section__input:checked+.cookies-section__slider {
         justify-content: flex-start;
      }
   }